<apes-header>
  <apes-button-list class="buttonList" [ctx]="ctx" [buttonBarMetadata]="buttonBar"
                    (click)="onEvent($event)"></apes-button-list>
</apes-header>
<apes-content >
  <!--<p [ngStyle]="{ display: hidn }"><i class="anticon anticon-exclamation-circle-o"></i> 必填！选项不能为空 </p>-->
  <apes-card [apesBordered]="false">
    <div class="boxShowFlex">
      <!--查询条件-->
      <div apes-col apesSpan="8">
        <div>
          <span>排班周期：</span>
          <div class="boxDiv">
            <apes-range-picker [(ngModel)]='timeList' [apesFormat]="'yyyy-MM-dd'"></apes-range-picker>
          </div>
        </div>
        <p [ngStyle]="{ display: hind }"><i class="anticon anticon-exclamation-circle-o"></i> 必填！最小时间为一天</p>
      </div>

      <!-- 部门名称 -->
      <div apes-col apesSpan="8" >
        <span>部门</span>
        <input type="text" apes-input placeholder="请输入部门名称" [(ngModel)]="deptId" style="width: 240px;">
      </div>
      <div apes-col apesSpan="8">
        <span>岗位名称</span>
        <input type="text" apes-input placeholder="请输入岗位名称" [(ngModel)]="postId" style="width: 240px;">
      </div>
      <!-- 员工名称 -->
      <div apes-col apesSpan="8">
        <span>员工名称</span>
        <input type="text" apes-input placeholder="请输入员工名称" [(ngModel)]="employeeId" style="width: 240px;">
      </div>
    </div>

    <div apes-row apesGutter="24" apesSpan="16">
      <div>
        <ag-grid-angular #grid
                         style="width: 100%;" [ngStyle]="{ height: height }" class="ag-theme-balham"
                         enableColResize="true"
                         enableSorting="true"
                         suppressLoadingOverlay="true"
                         [modules]="modules"
                         [rowData]="rowData"
                         [headerHeight]="50"
                         [gridOptions]="gridOptions"
                         [columnDefs]="columnDefs"
                         [frameworkComponents]="frameworkComponents"
                         [localeText]="localeText"
        >
        </ag-grid-angular>
      </div>
    </div>
  </apes-card>
</apes-content>


